Blog - LINE ENGINEERING

TAG ARCHIVES: LINE Growth Technology

社内のデザイナーの業務をサポートする LDSG Figma Plugin の工夫したところ、ハマりどころ
Amon Keishima2022-01-25
Front-End engineer at LINE Growth Technology
こんにちは！LINE Growth Technology UITチームの keishima です。普段はフロントエンドエンジニアとして LINEポイントクラブの開発に携わっています。本記事では、 UIT 新春 Tech blog 5日目として、社内向けに作った Figma プラグインの技術的な面にフォーカスした記事をお届けします。Figma プラグインを作った背景や、プラグインの機能紹介は、同時に公開したこちらの記事をご覧ください。（先にそちらを読むのがおすすめです！） Figma プラグインとは？どうやって作るの？みなさんは Figma を使ったことはありますか？ Figma とは UI デザインを行うためのツールで、類似のものに Adobe XD や Sketch などがあります。Figma はWeb ベースで作られたツールであるため、アプリをインストールしなくてもブラウザから利用することができます。また、ユーザー自身でプラグインを作成することも可能で、コミュニティでも多くのプラグインが公開されています。 Figma 自身と同じように、プラグインも Web ベースで構
社内のデザイナーの業務をサポートする LDSG Figma Plugin を作りました
Amon Keishima2022-01-25
Front-End engineer at LINE Growth Technology
こんにちは、LINE Growth Technology UITチームの keishima です。普段はフロントエンドエンジニアとして LINEポイントクラブの開発に携わっています。本記事では、この半年間で LINE Growth Technology のエンジニア・プロジェクトマネージャーと、 LINE のデザイナーがタッグを組んで作成した、LDSG Figma Plugin についてご紹介します。 LDSGとは？ Figma Plugin の話に入る前に、まずは LDSG と、LDSG が提供している Figma Library についてご紹介します。LDSG とは LINE Design System for Global Family Service の略です。LINEのファミリーサービス間で、一貫したユーザーエクスペリエンス（UX)を提供するためのデザインシステムです。 LDSG は Color, Typography, Icon, Components などから構成され、ファミリーサービスを担当するデザイナーは、これらを利用してサービスのUIデザインを作り上げていきます。
WFHで減ったチームのコミュニケーションを「Communication Dev」で解決してみた
LINE Engineering2020-11-26
こんにちは。LINE Growth Technology UITチームの田中祥子です。この記事では、LINE Growth Technology（以下、GT）のUITチームでコミュニケーションの一環として行っている「Communication Dev」について紹介したいと思います。経緯 GT のフロントエンドエンジニアはGTの開発室の中にあるUITチームに所属しています。メンバーはそれぞれ別のプロジェクトに所属していることが多く、メンバー間のコミュニケーションが希薄でした。また、私自身が入社して日も浅く、1つのプロジェクトにしか携わっていないので、UITチームの他のメンバーとの交流がほとんどありませんでした。そこで、普段交流のないメンバーと一緒に何かを開発をすることでコミュニケーションの機会を増やし、GTのUITチームとして絆を深めることを目的に始まったのが「Communication Dev」という取り組みです。 Communication Devでは、GT UITチームのメンバーがAチームとBチームとして4人ずつに分かれ、週に最低30分ほど時間を取り、チーム開発を行いました
- LINE Growth Technology
Swaggerを使ったAPIドキュメントの作成と、バックエンドとフロントエンド間の連携
LINE Engineering2020-11-25
こんにちは。LINE Growth Technology福岡開発室でサーバーサイドエンジニアをしている中村です。この記事では担当していたプロジェクトで実施した、Swaggerを使ったAPIドキュメントの作成と、BE（バックエンド）とFE（フロントエンド）間の連携について紹介します。プロジェクトの説明はじめに、今回LINE Growth Technology福岡開発室（以下「GT」）がシステムの設計開発を担当した、LINE公式アカウント審査ツールのプロジェクトについて説明します。 LINE公式アカウント審査ツールとは、LINE公式アカウントで認証済アカウントが申請された際に、申請内容が適切であるか審査するシステムです。このシステムは、LINE公式アカウントが利用されている各国に存在する審査パートというチーム（以下「審査チーム」）によって利用され、日本以外の国家も含め、一日あたり平均約1,000件の申請を審査します。プロジェクトの開発は大きくわけて、審査チームが使用するWEB画面を提供するFEと、WEB画面及び他システムにAPIを提供するBEが存在します。今回私はBE担当としてこ
- LINE Growth Technology
TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します
Amon Keishima2020-07-03
Front-End engineer at LINE Growth Technology
こんにちは。LINE Growth Technology UITチームの慶島(@pittanko_pta)です。この記事では、TypeScriptのenumを使わないほうがいい理由を、Tree-shakingの観点で紹介します。検証環境 TypeScriptからJavaScriptへのトランスパイルは https://www.typescriptlang.org/play (TypeScript 3.9.2 / targetはESNext) で行いました。 Tree-shaking の挙動については https://rollupjs.org/repl/ にトランスパイルしたJavaScriptコードを貼り付けて検証しました。 Babelを使用したトランスパイルを検証する際には https://babeljs.io/repl (Babel 7.10.3) で行いました。 Tree-shakingとは？本題に入る前に、まずはTree-shakingについて説明します。Tree-shakingとはひとことで言うと、使われてい
LINE Growth Technologyの紹介
AndoMao2019-04-11
LINE開発子会社のLINE Growth Technologyで採用PRを担当しています。
LINEの”Growth開発”を担うために設立した「LINE Growth Technology」でPRを担当している安藤です。2018年6月の設立から約1年経ち、LINE Growth Technology（以下、GT）はエンジニアを中心に現在約30名ほどが働いています。一方で、エンジニアの採用活動にも引き続き力を入れていて、毎月会社説明会を開催しているのですが、お時間の都合等で参加いただけない方もいらっしゃるので、この場をお借りして、GTを設立した背景や具体的な業務内容を簡単に説明させていただきます。 LINE Growth Technology 誕生の背景 2018年6月にLINEグループ初の開発子会社として設立したGTは、LINEのサービスにおける”Growth開発”を担う開発部隊として誕生しました。LINEグループの中で特定サービスに紐づかない横断的な組織として、サービスの成長過程で生じる様々な課題を解決し、LINEが提供するサービスの競争力を高めるべく日々開発しています。 LINEグループでは、サービス競争力を最大化するた
- LINE Growth Technology

1